<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="style.css">
	<link href="style.css" type="text/css" rel="stylesheet" >
	
    <script src="menutab/tabcontent.js" type="text/javascript"></script>
    <link href="menutab/tabcontent.css" rel="stylesheet" type="text/css" />
	
	</head>
<body>
	
<div id="aaa">
	<div id="menuatas">
		<div id="menu">
		menu
		</div>
		<div id="login">
		login
		</div>
	</div>	
</div>
<div id="bbb">
	<div id="menulogo">
		<div id="logo">
		<img src="img/logo.JPG" alt="Smiley face" height="108" width="120"><img src="img/logo1.jpg" alt="Smiley face" height="108" width="120">
		</div>
		<div id="iklan">
		<embed src="img/flasatas.swf" alt="Smiley face" height="106" width="495">
		</div>
	</div>	
</div>

<div id="iklanatasbesar">
	<div id="iklana">
	</div>
</div>

<div id="kosongpurple"></div>

<div id="ccc">
	<div id="search">
	search
	</div>
</div>

<div id="ddd">
	<div id="hotpost">
	hotpost
	</div>
</div>

<div id="kosongpurple"></div>

<div id="eee">
	<div id="content">
		<div id="contentkiri">
		kategori1<br>ri1<br>ri1
		ri1<br>ri1<br>ri1<br><br>ri1<br>
		</div>

<!--menu tab di content-->
<div id="contentkanan">

    <div style="width: 485px; height:360px; margin: 0 auto; padding: 5px 0 40px; ">
        <ul class="tabs" data-persist="true">
            <li><a href="#view1">~~Want To Sell~~</a></li>
            <li><a href="#view2">~~Want To Buy~~</a></li>
        </ul>
        <div class="tabcontents">
            <div id="view1">
                <b>Lorem Issum</b>
                <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</p>
                
            </div>
            <div id="view2">
                <b>Switch to other templates</b>
                <p>Open this page with Notepad, and update the CSS link to:</P>
                <p>template1 ~ 6.</p>                
            </div>

        </div>
    </div>
<!-- end menu tab di content-->




</div>
	</div>
</div>

<div id="kosongpurple"></div>

<!--iklan bawah-->
		<div id="fff">
			<div id="iklanbwh">
				<embed src="http://a.mediamaps.co.id/images/728x90_11.swf" width="100%" height="100%">
			</div>
		</div>
<!--end iklan bawah-->

<div id="kosongpurple"></div>

<div id="ggg">
	<div id="beritabwh">
		<div id="isiberitabwh1">
		artikel satu
		</div>
		<div id="isiberitabwh2">
		artikel dua
		</div>
		<div id="isiberitabwh3">
		artikel tiga
		</div>
		<div id="isiberitabwh4">
		artikel empat
		</div>
	</div>
</div>

<div id="hhh">
	<div id="footer">
	Copyright @ 2013 Celibu Networks All Right Reserved
	</div>
</div>


</body>
</html>